/* --------------------------------------------------------------------------
/* --------------------------------------------------------------------------
 * Prodigystudio  : Kyma - Multipurpose HTML Template
 *  
 * file           : style.css
 * Desc           : Kyma style CSS
 * Version        : 1.0
 * Date           : 06/12/2014
 * Author         : Prodigystudio - team
 * Author URI     : http://prodigystudio.net
 * Email          : Hello@prodigystudio.net
 *
 * Prodigy Studio. Copyright © 2014. All Rights Reserved.
 * 
 *
 * Table Of Content
 		1. General
		2. Header
		3. Menu
		4. Top Social
		5. Revo Slide
		6. Slide masonry
		7. Slideshow
		8. Text Slide Pagination
		9. Slide news 
		10. Page Title and Breadcrumb
		11. Blog
		12. Blog Slide Pagination
		13. Magazine list
		14. Tag Cloud 
		15. Pagination 
		16. Logo list
		17. Services list 
		18. Services slide
		19. Team social
		20. About style
		21. Testi slide
		22. Portfolio styling
		23. Contact list 
		24. Footer
		25. Porto Slide Pagination
		26. Magazine social
		27. Trending news
		28. Facebook
		29. Advertiser
		30. Flickr
		31. Magazine video
		32. Other
		33. 404 Stylesheet
		34. Newsticker styles
		35. rating

 * 
 * -------------------------------------------------------------------------- */

/* Kyma import css */
@import url("responsive.css");
@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);

/* General */
body {
	background: #fff url(../img/bg_body.jpg) Fixed no-repeat top center;
	color: #a9a8a8;
	padding: 0;
	margin: 0;
	font-family: 'Droid Arabic Kufi', serif;
	font-weight: normal;
	font-style: normal;
	line-height: 28px;
	position:relative;
	cursor: default;
	overflow-x: hidden; 
}

a:hover {
	color: #fed019;
	text-decoration: none;
}

.img-left {margin:1px 33px 11px 0;}
.img-right {margin:1px 0 11px 33px;}
.img-center {margin:5px auto 11px;}

h1, 
h2, 
h3,
h4, 
h5, 
h6 {
	font-family: 'Droid Arabic Kufi', serif;
	color: #4f4f4f;
}

p.lead {
  font-size: 24px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial;
  font-weight: 300;
  line-height: 34px;
  color: #8d8d8d;
}

hr {
	border: none;  
	margin: 40px 0 40px;
	background-image: linear-gradient(to right, #dbdbdb 40%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 1px;
}

.bg-full {
	background-color: #f0f0f0;
}

/* Header */
#panel {
	padding: 40px 0 50px;
	background-color: #4f4f4f;
    display: none;
}

#panel h1, #panel h2, #panel h3,
#panel h4, #panel h5, #panel h6 {
	color: #fff;
}

#panel .form-control {
	border: none;
	background-color: #747474;
	color: #fff;
	border-radius: 0;
}

#panel button {
	float: right;
}

#toggle-panel {
	width: 45px;
	height: 45px;
	background-color: #fecb00;
	color: #4f4f4f;
	text-align: center;
	line-height: 44px;
	position: absolute;
	right: 26px;
}

#toggle-panel a:hover {
	color: #4f4f4f;
	text-decoration: none;
}

#toggle-panel i {
	position: relative;
	right: 1px;
}

#logo {
	text-align: center;
	margin: 24px auto -4px auto;
}

#logo h1 {
	font-family: 'Yellowtail', cursive;
	font-weight: bold;
}

#logo span {
	font-size: 48px;
	color: #fecb00;
}

#logo p {
	margin-top: -5px;
	font-family: 'Noto Serif', sans-serif;
	font-size: 15px;
	color: #919191;
}

/* Menu */
.sm a {
	font-size: 13px;
}

ul.sm {
	text-align: center;
	float: none;
}

ul.sm li {
	margin-bottom: -5px;
	display: inline-block;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: bold;
  	text-align: center;
  	text-transform: uppercase;
  	letter-spacing: -0.5px;
	float: none;
}

ul.sm li li {
	width: 100%;
	text-align: left;
}

ul.sm li a, .sm a span.sub-arrow:after {
	color: #b3b2b2;
}

.sm ul {
	background: #4f4f4f;
}

.sm ul a {
  font-size: 13px;
  font-weight: 400;
  text-transform: capitalize;
}

.sm > li > ul:before {
  border: none;
}

.sm > li > ul:after {
  border-color: transparent transparent #4f4f4f transparent;
}

.menu {
	position:relative;
	z-index:9999;
	width:auto;
}
.menu ul {
	width:200px !important; 
}

.menu-trigger {
	display: block;
	text-align: center;
	background-color: #fecb00;
	padding: 10px 0;
	display: none;
}

.menu-trigger i {
	color: #4f4f4f;
	position: relative;
	top: 3px;
}

/* Top Social */
.mo-social {
	font-size: 24px;
}

.mo-social li a[class^="social-"],
.mo-social li a[class*="social-"] { 
	width: 51px;
	height: 51px;
	line-height: 51px;
	margin: 0 4px 10px 0;
}

/* Revo Slide */
.banner {
    width:100%;
    height:575px;
    position:relative;
    overflow:hidden;
    margin:16px auto 60px auto;
}


/* Slide masonry */
.masonry {
	width: 101.6%;
	margin: 8px 0px 40px -8px;
	float: left;
}

.masonry li {
	margin: 8px;
}

.masonry .block-size {
width:  18.6%;
height: 225px;
background: #606060;
}

.block-size.var1 { width:  18.6%; height:225px; }
.block-size.var2 { width:  38.6%; height:225px; }
.block-size.var3 { width:  18.6%; height:466px; }
.block-size.var4 { width:  38.6%; height:466px; }
.block-size.var5 { width:  58.5%; height:466px; }
.block-size.var6 { width:  98.4%; height:466px; }

/* Slideshow */
ul.magazine-slide {
	position: relative;
	left: -8px;
}

.masonry li.page-link2 h2 {
	line-height: 60px;
}

.masonry li.page-link1 {
	text-align: center;
	background-color: #fecb00 !important;
}

.masonry li.page-link1 i {
	font-size: 80px;
	line-height: 220px;
	color: #fff;
}

.masonry li.page-link2 {
	background-color: #4f4f4f !important;
}

.masonry li.page-link2 h1,
.masonry li.page-link2 h2,
.masonry li.page-link2 h3,
.masonry li.page-link2 h4,
.masonry li.page-link2 h5,
.masonry li.page-link2 h6 {
	color: #fff;
	padding: 25px 25px 0 25px;
}

.slidecnt-wrap {
	padding: 20px;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	background: rgba(0, 0, 0, 0.6);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}

.masonry li.page-link2 p {
	letter-spacing: -0.5px;
	padding: 0 25px 0 25px;
}

/* Text Slide Pagination */
#text-slide.owl-theme .owl-controls {
  text-align: right;
}

#text-slide.owl-theme .owl-controls .owl-page {
	position: relative;
	bottom: -75px;
	right: 24px;
	z-index: 999;
}

#text-slide.owl-theme .owl-controls .owl-page span {
  margin: 5px 3px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  background: #fff;
}

#text-slide.owl-theme .owl-controls .owl-page.active span,
#text-slide.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
}

/* Slide news */
#slide-news .newslide-wrap{
	height:466px;
}

.newslide-wrap2{
	height:225px;
}

.newslide-wrap, .newslide-wrap2 {	
	margin:0 0 30px 0;
	position:relative;
	display:block;
	overflow:hidden;
}

.newslide-wrap .detail-wrap,
.newslide-wrap2 .detail-wrap {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	top:0;
}

.detail-wrap {   
	position:absolute;
	height:100%;
	width:100%;
	padding:25px;
	top:-100%;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(20%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}

.detail-wrap div {
	padding:35px;
	margin-bottom:0;
	margin-top:0;
	position:relative;
	left:100%;
	color:#fff;
}

.detail-wrap div {
	left:0;
	bottom:-42%;
}

/*FF CSS Hack*/
body:last-child .detail-wrap div, x:-moz-any-link {bottom:0%;}

/*IE10 CSS Hack*/
*::-ms-backdrop, .detail-wrap div {bottom:0%;} 

.detail-wrap h3 {
	margin-top: 45%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	color: #fff;
}

.newslide-wrap2 .detail-wrap h3 {
	font-size: 24px;
	margin-top: 20%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	color: #fff;
}

.detail-wrap .detail-category {
	color: #4f4f4f;
	margin-top: 0px;
	background-color: #fed019;
	text-transform: uppercase;
	font-size: 11px;
	padding: 0px 12px;
	float: left;
}

.detail-wrap .detail-date {
	width: 150px;
	font-size: 12px;
	padding: 0px;
	float: left;
}

.detail-wrap .detail-date i {
	position: relative;
	top: 2px;
	margin-right: 5px;
}

.detail-wrap .detail-rating {
	width: 150px;
	margin-right: -35px;
	padding: 0px;
	position: relative;
	top: -32px;
	float: right;
}

.detail-rating.mo-rating .br-widget a { 
	font-size: 13px;
	margin-right: 1px;
	display: inline-block;
	float: left;
}


/* Page Title and Breadcrumb */
ul#pagetitle {
	margin: 16px 0 61px 0;
	float: left;
}

.pagetitle-left {
	width: 225px;
	height: 225px;
	text-align: center;
	background-color: #fecb00;
	margin-right: 16px;
	float: left;
}

.pagetitle-left i {
	font-size: 80px;
	line-height: 220px;
	color: #fff;
}

.pagetitle-right {
	width: 948px;
	height: 225px;
	background: #4f4f4f url(../img/sample/pagetitle-bg.png) no-repeat;
	float: left;
}

.pagetitle-right h1, .pagetitle-right h2, .pagetitle-right h3,
.pagetitle-right h4, .pagetitle-right h5, .pagetitle-right h6 {
	margin: 70px 0px 0px 0px;
	padding: 0 36px;
	color: #fff;
}

.pagetitle-right p {
padding: 0 36px;
  margin-top: 10px;
  height: 19px;
}

.breadcrumb {
    position:relative;
    bottom: -9px;
    float:right;
}

/*FF CSS Hack*/
body:last-child .breadcrumb, x:-moz-any-link {bottom: -10px;}

/*IE10 CSS Hack*/
body:last-child .breadcrumb {bottom: -10px;} 

.breadcrumb ul {
    background-color:#fecb00;
    padding:6px 14px 9px 16px;
    float:right;    
}

.breadcrumb ul li {
    font-size: 13px;
    font-family: 'Droid Arabic Kufi', serif;
    font-weight: bold;
    color:#6e6e6e;
    padding:0px 0px 0px 4px;
    display:inline-block;
}

.breadcrumb ul li:after {
    font-family:"Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:11px;
    color:#6e6e6e;
    content:"\2F";
    margin-left:8px;
    top:0px;
    position:relative;
}

.breadcrumb ul li:last-child:after {
    content:"";
    display:inline-block;
}

.breadcrumb ul li.current-page a, .breadcrumb ul li.current-page a:visited {
    color: #6e6e6e;
    text-decoration:none;
}

.breadcrumb ul li a, .breadcrumb ul li a:visited {
    color: #6e6e6e;
    text-decoration:none;   
}

/* Blog */
aside h3 {
	margin-bottom: 16px;
}

aside {
	color: #a9a8a8;
	margin-bottom: 50px;
	clear: both;
}

aside ul.list-type38 li {
	line-height: 34px;
}

aside ul.list-type38 li a {
	color: #a9a8a8;
}

aside ul.list-type38 li a:hover {
    color:#8c8c8c;
    text-decoration:none;
}

aside ul.list-type38 li:before {	
  	content: "\e2116";
  	font-size: 12px;
 	color: #cfcfcf;
 	position: relative;
 	margin-right: 12px;
 	top: 1px;
}

.blog-columns {
	width: 100%;
	background-color: #606060;
	font-family: 'Noto Serif', sans-serif;
	line-height: 26px;
	color: #fff;
	float: left;	
}

.blog-columns p {
	padding: 0 21px;
}

.blog-columns .mo-media {
	padding: 0 21px;

}

.blog-columns .mo-media.audio .mejs-container {
	margin:-38px 0 -4px 0;
	background: transparent;
}

.blog-columns .mejs-controls div.mejs-horizontal-volume-slider,
.blog-columns .mejs-controls div.mejs-volume-button {
	display: none;
}

.blog-columns .mejs-container .mejs-controls {
	height: 0px;
	background: rgba(96,96,96, 1);
}

.blog-columns .mejs-controls .mejs-time-rail .mejs-time-total {
	width: 100.5% !important;
	background: rgb(74,74,74); /* IE8- */
	background: rgba(74,74,74, 1);
}

.blog-columns .mejs-controls .mejs-time-rail .mejs-time-loaded {	
	background: rgb(179,179,179); /* IE8- */
	background: rgba(179,179,179, 1);
}

.blog-columns .mejs-controls div.mejs-playpause-button {
	position: absolute;
	top: -12px;
	left: -4px;
}

/*FF CSS Hack*/
body:last-child .blog-columns .mejs-controls div.mejs-playpause-button, x:-moz-any-link {top: -14px; left: -6px;}

/*IE10 CSS Hack*/
*::-ms-backdrop, .blog-columns .mejs-controls div.mejs-playpause-button {top: -16px;} 
*::-ms-backdrop, .mejs-controls div.mejs-playpause-button {top: 5px;} 
*::-ms-backdrop, .mejs-controls div.mejs-volume-button {top: 5px;} 

.blog-columns .mejs-controls .mejs-play button:before {
	font-family:'media';
	color:#fff; 
	content:'\e1105'; 
	font-size:18px; 
	position:relative; 
	top:-2px;
	background: -webkit-linear-gradient(#b3b3b3, #b3b3b3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.blog-columns .mejs-controls .mejs-pause button:before { 
	font-family:'media'; 
	color:#fff; 
	content:'\e1101'; 
	font-size:16px; 
	position:relative; 
	top:-1px;
	background: -webkit-linear-gradient(#b3b3b3, #b3b3b3);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
 }

 .blog-columns .mejs-controls div.mejs-time-rail {
	position: absolute;
	width: 92% !important;
	left: 25px;
	top: -10px;
}

.blog-media1 {
	width: 100%;	
	margin: 0 0 25px 0;
	float: left;
}

.blog-media1 img {
	height: 211px;
}

.blog-media2 {
	width: 50%;
	float: left;
}

.blog-media2 .video-play {
	padding: 20px;
	top: 33%;
	left: 20.3%;
	height: 50px;
	width: 50px;
	line-height: 11px;
	position: absolute;
	background: rgba(0, 0, 0, 0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

.blog-media2 .video-play:hover {
	color: #fed019;
}

.blog-content1 {
	width: 100%;
	float: left;
}

.blog-content2 {
	width: 50%;
	padding-top: 23px;
	float: left;
}

.blog-content3 {
	width: 100%;
	padding-top: 23px;
	float: left;
}

p.blog-date {
	margin-bottom: 5px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #a2a2a2;
}

p.blog-date a, p.blog-date a:visited {
	color: #fecb00;
	text-decoration: none;
}

.blog-info {
	height: 50px;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #565656;
	padding: 8px 21px;	
	margin: 35px 0 0 0;
	background-color: #fed019;
}

.post-type {
	width: 50px;
	height: 50px;
	font-size: 18px;
	margin: -8px 0 0 -21px;
	background-color: #464646;
	text-align: center;
	line-height: 48px;
	color: #fed019;
	float: left;
}

.blog-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0px;
    height: 0;
}

.blog-video iframe {
    background:#dcdcdc;
    border: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.comment-count {
	float: right;
}

#blog-slide {
	margin-bottom: -40px;
	float: left;
}

#blog-slide.owl-theme .owl-controls {
  text-align: right;
}

#blog-slide.owl-theme .owl-controls .owl-page {
	position: relative;
	top: -44px;
	right: 17px;
	z-index: 999;
}

#blog-slide.owl-theme .owl-controls .owl-page span {
  margin: 5px 3px;
  filter: Alpha(Opacity=60);
  opacity: 0.6;
  background: #fff;
}

#blog-slide.owl-theme .owl-controls .owl-page.active span,
#blog-slide.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
}

.blog-social {
	font-size: 14px;
	color: #fecb00;
}

.blog-social i {
	margin-right: 3px;
	color: #fecb00;
}

.blog-social i:hover {
	color: #fecb00;
}

.comment-count i {
	font-size: 13px;
	position: relative;
	margin-right: 3px;
	top: 3px;
}

.comment-count a:hover {
	color: #4f4f4f;
	text-decoration:none;
}

article {
	margin-bottom: 70px;
	padding-bottom: 62px;
	border-bottom: 4px solid #f0f0f0;
}

.with-media .post-info {
	margin-top: -125px;
	position: relative;
	z-index: 99;
}

.with-media .post-content {
	padding-top: 30px;
	overflow: hidden;
}

.post-content blockquote {
	position: relative;
	left: 38px;
}

.post-content blockquote p {
	font-size: 24px;
	line-height: 34px;
}

.post-content .mo-media {
	width: 76.8%;
	margin-bottom: 20px;
	float: right;
}

.post-info {
	width: 142px;
	margin:0 38px 38px 0;
	padding-bottom: 11px;
	background-color: #606060;
	text-align: center;
	float: left;
}

.post-info li {
	font-size: 13px;
}

.post-info li a, .post-info li a:visited {
	line-height: 30px;
	position: relative;
	top: -9px;
}

.post-info .mo-rating {
	margin-top: 22px;
}

.date {
	width: 100%;
	padding: 35px 0 20px 0;
	margin-bottom: 16px;
	background-color: #fed019;
	color: #4f4f4f;
	font-family: 'Noto Serif', sans-serif;
	font-size: 60px !important;
	line-height: 19px;
}

span.month {
	font-size: 18px;
	font-weight: 300;
	text-transform: uppercase;
}

span.title {
	color: #fff;
}

.front-blog .post-info {
	width: 100%;
	margin-bottom: 22px;
	padding-bottom: 0px;
	text-align: left;
}

.front-blog .date {
	width: 90px;
	padding: 25px 0 20px 0;
	margin-bottom: 0px;
	text-align: center;
	font-size: 40px !important;
	line-height: 13px;
}

.front-blog span.month {
	font-size: 14px;
}

.front-blog .post-info li {
	margin-right: 30px;
	display: inline-block;
}

.front-blog .post-info li i {
	position: relative;
	letter-spacing: 1px;
	top: -9px;
}

article.front-blog {
	margin-bottom: 70px;
	padding-bottom: 21px;
	border-bottom: 4px solid #f0f0f0;
}


/* Blog Slide Pagination */
.blog-slide.owl-theme .owl-controls {
  text-align: right;
}

.blog-slide.owl-theme .owl-controls .owl-pagination {
	position: relative;
	margin-top: -73px;
}

.blog-slide.owl-theme .owl-controls .owl-page {
	position: relative;
	bottom: -10px;
	right: 28px;
	z-index: 999;
}

.blog-slide.owl-theme .owl-controls .owl-page span {
  margin: 5px 3px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  background: #fff;
}

.blog-slide.owl-theme .owl-controls .owl-page.active span,
.blog-slide.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
}

ul.popular-list {
    width:100% !important;
    margin:4px 0px 35px 0px;
    padding-left:0px;
    float:left;
}

ul.popular-list li p.popular-title {
	font-family: 'Noto Serif', sans-serif;
    line-height:32px;
    margin:4px 0px 5px 0px;
}

ul.popular-list li img {
    width:75px;
    height:65px;
    margin:3px 25px 0 0;
    float:left;
}

ul.popular-list li {
    width:100% !important;
    list-style-type:none;
    margin-bottom:10px;
    padding-bottom:10px;
    float:left;
}

ul.popular-list li p.popular-count a, ul.popular-list li p.popular-count a:visited {
    color: #ccc;
    font: 12px Arial;
    text-transform: uppercase;
    letter-spacing: 1px;
    float:left;
}

ul.popular-list li a,ul.popular-list li a:visited {
    color:#b3b3b3;
    text-decoration:none;
}

ul.popular-list li a:hover {
    color:#8c8c8c;
    text-decoration:none;
}

.archive-count {
    position: relative;
    margin-left: 4px;
    top: -2px;
}

/* Magazine list */
ul.magazine-list {
    width:100% !important;
    margin:0px 0px 35px 0px;
    padding-left:0px;
    border-top: 4px solid #f0f0f0;
    float:left;
}

ul.magazine-list li p.magazine-title {
	font-size: 18px;
	font-family: 'Noto Serif', sans-serif;
    line-height:22px;
    margin:2px 0px 7px 0px;
}

ul.magazine-list li img {
    width:115px;
    height:95px;
    margin:3px 25px 7px 0px;
    float:left;
}

ul.magazine-list li {
    width:100% !important;
    padding: 26px 0 22px 0;
    list-style-type:none;
    border-bottom: 4px solid #f0f0f0;
    float:left;
}

ul.magazine-list li:hover {
	background-color: #f0f0f0;
}

ul.magazine-list li p.magazine-count {
	margin-bottom: 0px;
	float: left;
}

ul.magazine-list li p.magazine-count a, ul.magazine-list li p.magazine-count a:visited {
    color: #ccc;
    font-size: 13px;
    float:left;
}

ul.magazine-list li p.magazine-count a i {
	color: #fed019;
	margin-right: 8px;
	position: relative;
	top: 2px;
}

ul.magazine-list li .magazine-rating {
	margin-bottom: 0px;
	float: right;
}

ul.magazine-list li .magazine-rating i {
    color: #fed019;
    font-size: 13px;
    letter-spacing: 1px;
    float:left;
}

ul.magazine-list li a,ul.magazine-list li a:visited {
    color:#4f4f4f;
    text-decoration:none;
}

/* Tag Cloud */
.tag-cloud {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:11px;
	text-transform:uppercase;
	width:100%;
	float:left;
	margin:7px 0 22px;
}

.tag-cloud a,.tag-cloud a:visited {
	display:block;
	color:#a8a8a8;
	background-color:#fcfcfc;
	border: solid 1px #e0e0e0;
	text-decoration:none;
	float:left;
	margin:0 8px 8px 0;
	padding:1px 10px 2px 10px;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.tag-cloud a:hover {
	display:block;
	color:#4f4f4f;
	background-color:#fed019;
	border:1px solid #fed019;
	text-decoration:none;
	float:left;
	margin:0 8px 8px 0;
	padding:1px 10px 2px 10px;
}

/* Pagination */
.pagination {
	margin-top: -15px;
	margin-bottom: 40px;
}

.pagination > li > a, .pagination > li > span {
	font-family: 'Noto Serif', sans-serif;
	margin-right: 15px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #fff;
	background-color: #707070;
	border: none;
	padding: 14px 20px;
}

.pagination > li:first-child > a, .pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #fed530;
  color: #4f4f4f;
  border-color: #fed530;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #fed530;
  color: #4f4f4f;
  border-color: #fed530;
}

/* Logo list */
ul.logo-list li {
	height: 99px;
	background-image: linear-gradient(to bottom, #dbdbdb 40%, rgba(255, 255, 255, 0) 20%);
    background-position: left;
    background-size: 1px 4px;
    background-repeat: repeat-y;
    text-align: center;
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

ul.logo-list li:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
}

ul.logo-list li img {
	position: relative;
	top: 15px;
}

ul.logo-list li:before {
	background-image: linear-gradient(to right, #dbdbdb 40%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 1px;
}

ul.logo-list li:nth-child(1),
ul.logo-list li:nth-child(7) {
	background-image: none;
}

ul.logo-list li:nth-child(1):before,
ul.logo-list li:nth-child(2):before,
ul.logo-list li:nth-child(3):before,
ul.logo-list li:nth-child(4):before,
ul.logo-list li:nth-child(5):before,
ul.logo-list li:nth-child(6):before {
	background-image: none;
}

/* services list */
ul.services-list {
	margin-bottom: 60px;
}

ul.services-list li {
	height: 200px;
	background-image: linear-gradient(to bottom, #dbdbdb 40%, rgba(255, 255, 255, 0) 20%);
    background-position: left;
    background-size: 1px 4px;
    background-repeat: repeat-y;
    text-align: center;   
	float: left;
}

ul.services-list li i {
	font-size: 48px;
	color: #606060;
	position: relative;
	top: 66px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

ul.services-list li:hover i {
	opacity: 0;
}

ul.services-list li h5 {
	margin-top: 80px;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

ul.services-list li:hover h5 {
	margin-top: 5px;
	margin-bottom: 10px;
}

ul.services-list li p {
	font-size: 14px;
	line-height: 24px;
	padding: 0 20px;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

ul.services-list li:hover p {
	padding: 0 20px;
	opacity: 1;
}

ul.services-list li:before {
	background-image: linear-gradient(to right, #dbdbdb 40%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 1px;
}

ul.services-list li:nth-child(5n+1) {
	background-image: none;
}

ul.services-list li:nth-child(-n+5):before {
	background-image: none;
}

/* services slide */
ul.service-slide {
	width: 100%;
	height: 402px;
	background-color: #fed019;
	float: left;
}

ul.service-slide li h2 {
	color: #fff;
	margin:33px 0 31px 97px;
}

ul.service-slide.owl-theme .owl-controls .owl-buttons div {
	width: 50px;
	height: 50px;
	font-size: 16px;
	line-height: 44px;
  color: #fed019;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background: #464646;
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}

ul.service-slide.owl-theme .owl-controls .owl-buttons div.owl-prev {	
	position: relative;
	top: -110px;
	left: 0px;
	float: left;
}

ul.service-slide.owl-theme .owl-controls .owl-buttons div.owl-next {	
	position: relative;
	top: -60px;
	left: -50px;
	float: left;
}

.service-wrap {
	width: 468px;
	height: 290px;
	background: url(../img/services_mac.png) no-repeat;
	float: right;
}

.service-wrap img {
	margin: 31px 0 0 31px;
}


/* Team social */
ul.team-social {
	margin-bottom: 30px;
	position: relative;
	margin-left: 21.8%;
}

ul.team-social li {
	width: 20px;
	height: 20px;
	margin: 0 6px;
	line-height: 20px;
	font-size: 20px;
}

ul.team-social li a{
	color: #838383;
}

.team-info {
	margin-bottom: 51px;
}

.team-info small {
	font-family: Arial, Tahoma;
	font-size: 11.5px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ccc;
}

.team-info ul.team-social {
	margin-left: -30px;
}

.team-img {
	margin-bottom: -51px !important;
	position: relative;
	z-index: 88;
}

.team-info.feature-offset.panel .small {
	z-index: 99;
}

.feature-offset.panel:after {
  left: 4px;
  right: 4px;
  bottom: -5px;
  box-shadow: none;
}
.feature-offset.panel:before {
  border: none;
}

/* About style */
.about-fact li {
	width: 112px;
	margin: 0 9px 16px 0;
	padding: 24px 0 20px 0;
	text-align: center;
	background-color: #fed019;
	display: inline-block;
}

.about-fact li:nth-child(3n) {
	margin-right: 0px;
}

.about-fact li h4 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 0px;
}

.about-fact li p {
	color: #4f4f4f;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.about-fact li i {
	font-size: 34px;
	color: #4f4f4f;
}

/* Testi slide */
ul.testi-slide {
	float: left;
}

ul.testi-slide.owl-theme .owl-controls .owl-buttons div {
	font-size: 16px;
	color: #b1b1b1;
	display: inline-block;
	zoom: 1;
	*display: inline;
	/*IE7 life-saver */
	margin: 0;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: none;
	filter: Alpha(Opacity=100);
	/*IE7 fix*/
	opacity: 1;
}

ul.testi-slide.owl-theme .owl-controls .owl-buttons div.owl-prev {	
	position: relative;
	top: -245px;
	right: 40px;
	float: right;
}

ul.testi-slide.owl-theme .owl-controls .owl-buttons div.owl-next {	
	position: relative;
	top: -245px;
	right: -23px;
	float: right;
}

.testi-name h6 {
	margin-top: 32px
}

.testi-name p {
	margin-top: -10px;
}

.testi-content blockquote {	
	border-left: 3px solid #d6d6d6;
}

.testi-content blockquote p {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 30px;
	font-weight: 300;
	line-height: 38px;
	color: #a9a8a8;
	padding: 0px 0 1px 0;
}

.testi-content blockquote:before {
	display: none;
}

.testi.style3 .name { 
	font-family: 'Noto Serif', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #4f4f4f;
}

.testi.style3 .name span {
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 11px;
}


/* Portfolio styling */
ul.pf-container {
	margin-bottom: 50px !important;
	clear: both;
}

#pf-filter ul {
	width: 100%;
    margin:20px 0 45px 0;
    padding:0px;
    float: left;
    text-align: right;
}

#pf-filter ul li {
    margin-left:6px;
    font-family: 'Noto Serif', sans-serif;
    font-size:16px;
    list-style:none;
    display:inline-block;
    float: none !important;
}

#pf-filter ul li a {
    padding:9px 15px 10px 15px;
    color:#8a8989;
    text-decoration:none;
    transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
}

#pf-filter ul li a:hover {
    color:#6f6f6f;
    text-decoration:none;
}

#pf-filter ul li a:active, #pf-filter ul li a.selected, #pf-filter ul li a:hover {
    color:#6f6f6f;
    text-decoration:none;
}

#pf-filter ul li a.selected {
    font-weight: bold;
}

#pf-filter ul li i.icon-menu {
	padding: 14px 15px 15px 15px;
	color: #606060;
	text-align: center;
	background-color: #fed019;
}

.pf-container li .pf-info .text {
	opacity: 0;
}

.pf-container li:hover .pf-info .text {
	opacity: 1;
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.pf-info {
	width: 100%;
	height: 50px;
	position: absolute;	
	z-index: 999;
	float: left;
}

.pf-info h5 {
	padding-left: 20px;
}

.pf-like {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 52px;
	background-color: #fed019;
	color: #606060;
	position: relative;
	z-index: 999;
	float: right;
}

.pf-info .text {
	position: relative;
	float: left;
}
.pf-info .pf-like {
	right: 23px;
}

.pf-container .mo-caption {
  margin: 0;
}

.mo-caption a.preview {
   background-color: #fed019;
   color: #606060;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.mo-caption a.permalink {
   color: #606060;
   -webkit-border-radius: 0px;
   -moz-border-radius: 0px;
   border-radius: 0px;
}

.large-block-grid-2 .mo-caption a.preview, .large-block-grid-2 .mo-caption a.permalink {margin-top:20px;}
.large-block-grid-3 .mo-caption a.preview, .large-block-grid-3 .mo-caption a.permalink {margin-top:12px;}
.large-block-grid-4 .mo-caption a.preview, .large-block-grid-4 .mo-caption a.permalink {margin-top:-7px;}

.isotope-item {
  z-index: 2;
}

.isotope-item {
z-index: 2;
}

.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}

.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	transition-duration: 0.8s;
}

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	transition-property: height, width;
}

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	transition-property: transform, opacity;
}


/* Contact list */
ul.contact-list {
	margin-bottom: 50px;
}

ul.contact-list li {
	background-image: linear-gradient(to bottom, #dbdbdb 40%, rgba(255, 255, 255, 0) 20%);
    background-position: left;
    background-size: 1px 4px;
    background-repeat: repeat-y;
    text-align: center;
    transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	padding-top: 28px !important;
	float: left;
}

ul.contact-list li i {
	font-size: 38px;
	color: #606060;
}

ul.contact-list li:before {
	background-image: linear-gradient(to right, #dbdbdb 40%, rgba(255, 255, 255, 0) 20%);
    background-position: top;
    background-size: 4px 1px;
    background-repeat: repeat-x;
    content: "";
    display: block;
    height: 1px;
}

ul.contact-list li:nth-child(3n+1) {
	background-image: none;
}

ul.contact-list li:nth-child(-n+3):before {
	background-image: none;
}

#map {  
	width: 100%;
	height: 420px;
	margin: 0 0 30px 0;
}

#map-info {
	width: 348px;
	height: 360px;
	padding: 25px 30px 15px 30px;
	background: rgba(254, 208, 25, 0.8);
	color: #fff;
	font-size: 14px;
	float: right;
	position: relative;
	margin-top: -420px;
	margin-right: 30px;
}

#mini-logo h2 {
	margin-bottom: 20px;
	font-family: 'Yellowtail', cursive;
	font-weight: bold;
	color: #4f4f4f;
}

#mini-logo h2 span {
	padding-right: 5px;
	font-size: 32px;
	color: #fff;
	position: relative;
	top: -3px;
}

ul.contact-form li, ul.comment-form li {
	width: 100%;
	display: inline-block;
	margin-bottom: 16px;
}

ul.comment-form li input {
	width: 70%;
}

ul.contact-form li.input-half.left {
	width: 50%;
	padding-right: 8px;
	float: left;
}

ul.contact-form li.input-half.right {
	width: 50%;
	padding-left: 8px;
	float: left;
}

.contact-form .button {
	padding: 11px 25px 13px 25px;
}

textarea {
	font-family: "Open Sans", Arial;
}

.form-control {
	background-color: #f7f7f7;
	border: none;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	font-family: "Open Sans", Arial;
}


.form-control:focus {
  border-color: #fecb00;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(254, 203, 0, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(254, 203, 0, 0.6);
}

.form-control::-moz-placeholder {
	font-size: 14px;
	color: #bebebe;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	font-size: 14px;
	color: #bebebe;
}

.form-control::-webkit-input-placeholder {
	font-size: 14px;
	color: #bebebe;
}

ul.contact-form li.name-ico .form-control::-webkit-input-placeholder:before,
ul.comment-form li.name-ico .form-control::-webkit-input-placeholder:before {
	font-family: 'WebHostingHub-Glyphs';
	font-size: 13px;
	color: #b3b3b3;
	content: '\f133';
	margin-right: 9px;
	position: relative;
	top: 2px;
}

ul.contact-form li.email-ico .form-control::-webkit-input-placeholder:before,
ul.comment-form li.email-ico .form-control::-webkit-input-placeholder:before {
	font-family: 'WebHostingHub-Glyphs';
	font-size: 13px;
	color: #b3b3b3;
	content: '\f028';
	margin-right: 9px;
	position: relative;
	top: 2px;
}

ul.contact-form li.subj-ico .form-control::-webkit-input-placeholder:before,
ul.comment-form li.subj-ico .form-control::-webkit-input-placeholder:before {
	font-family: 'WebHostingHub-Glyphs';
	font-size: 13px;
	color: #b3b3b3;
	content: '\f0f2';
	margin-right: 9px;
	position: relative;
	top: 2px;
}
.success-contact {
	display: none;
}

/* Footer */
#top {
	width: 45px;
	height: 45px;
	background-color: #fecb00;
	color: #4f4f4f;
	text-align: center;
	line-height: 44px;
	position: relative;
	cursor: pointer;
	top: -72px;
	float: right;
}

footer {
	width: 100%;
	margin-top: 60px;
	padding: 72px 0 0 0;
	background-color: #606060;
	color: #a9a8a8;
	float: left;
}

footer h1, footer h2, footer h3,
footer h4, footer h5, footer h6 {
	color: #fff;
}

footer hr {
	background-image: linear-gradient(to right, #949494 40%, rgba(255, 255, 255, 0) 20%);
}

footer i.icon-commentsmiley {
	font-size: 32px;
	color: #a9a8a8;
	position: relative;
	left: 10px;
	top: -14px;
}

.address-footer i {
	width: 100%;
	margin-bottom: 15px;
	font-size: 32px;
	color: #fed019;
	position: relative;
	float: left;	
}

.address-footer {
	background-image: linear-gradient(to bottom, #949494 40%, rgba(255, 255, 255, 0) 20%);
    background-position: right;
    background-size: 1px 4px;
    background-repeat: repeat-y;
}

#copyright {
	width: 100%;
	padding: 22px 0;
	background-color: #585858;
	font-size: 13px;
	bottom: 0;
}

#copyright i {
	font-size: 11px;
	position: relative;
	top: 2px;
	color: #fd7070;
}

/* Porto Slide Pagination */
.portosingle-slide {
	margin-bottom: 10px;
}

.portosingle-slide.owl-theme .owl-controls {
  text-align: right;
}

.portosingle-slide.owl-theme .owl-controls .owl-page {
	position: relative;
	bottom: 58px;
	right: 24px;
	z-index: 999;
}

.portosingle-slide.owl-theme .owl-controls .owl-page span {
  margin: 5px 3px;
  filter: Alpha(Opacity=50);
  opacity: 0.5;
  background: #fff;
}

.portosingle-slide.owl-theme .owl-controls .owl-page.active span,
.portosingle-slide.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  opacity: 1;
}

/* Magazine social */
ul.magazine-social {
	margin: -10px 0 48px 0;
	float: left;
}

ul.magazine-social li {
	width: 111px;
	text-align: center;
	margin-right: 10px;
	margin-bottom: 14px;
	padding: 22px 10px 4px 10px;
	display: inline-block;
	color: #fff;
}

ul.magazine-social li:nth-child(3n) {
	margin-right: 0px;
}

ul.magazine-social li i {
	font-size: 34px;
	color: #fff;
}

ul.magazine-social li p {
	font-size: 14px;
	margin-top: 20px;
	line-height: 22px;
}

ul.magazine-social li span {
	font-size: 14px;
	font-family: 'Noto Serif', serif;
}

ul.magazine-social li.facebook {
	background-color: #395aa1;
}

ul.magazine-social li.twitter {
	background-color: #45b0e4;
}

ul.magazine-social li.google {
	background-color: #d6492e;
}

ul.magazine-social li.vimeo {
	background-color: #63b3e4;
}

ul.magazine-social li.youtube {
	background-color: #d03428;
}

ul.magazine-social li.rss {
	background-color: #ff7010;
}

/* Trending news */
.trend-news {
	margin:0 0 30px 0;
	position:relative;
	display:block;
	overflow:hidden;
}

.trend-news .trend-wrap {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;
	top:0;
}

.trend-wrap {   
	position:absolute;
	height:100%;
	width:100%;
	padding:24px;
	top:-100%;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(20%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}

.trend-wrap div {
	padding:30px;
	margin-bottom:0;
	margin-top:0;
	position:relative;
	left:100%;
	color:#fff;
}

.trend-wrap div {
	left:0;
	bottom:-42%;
}

.trend-wrap h4 {
	margin-top: 32%;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	color: #fff;
}

.trend-wrap .trend-rating {
	margin-top: 6%;
	padding: 0px;
}

.trend-rating i {
	font-size: 13px;
	letter-spacing: 1px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	color: #fff;	
}


/* Facebook */
.fb-wrapper {
	width:100%;
	border:1px solid #ddd;
	margin-bottom:60px;
	padding:28px 8px 13px 8px;
	float:left;
}

.fb-wrapper iframe {
	height:258px;
	margin-bottom:-7px;
}

/* Advertiser */
.ads-wrapper {
	margin-bottom:20px;
	border:1px solid #ddd;
	padding:1px 8px 1px 8px;
}

.banner-list li {margin:11px 0px;}
.banner-list li:first-child {margin-top:2px !important;}
.banner-list li:last-child {margin-bottom:-21px !important;}


.ads-wrapper small {
	text-transform: uppercase;
	font-size: 11px;
}

/* Flickr */
ul#flck-thumb { margin:2px -5px 20px -1px;}
ul#flck-thumb div.no-image { display:none; }
.thumbs { margin: 0; padding: 0; overflow: hidden; }
.thumbs div { width:78px; height:78px; list-style: none; float: left; margin: 0px 7px 14px 7px; }
.thumbs div a { }
.thumbs div img { width:100%; height:100%; display: block; }
.thumbs div a img { border: none; }
#flickr-noscript { display:none; }

/* Magazine video */
.magazine-video {
	margin-top: 10px;
	background: #606060;
	float: left;
}

.magazine-video .resp-tabs-left .resp-tabs-list {
  float: left;
  width: 10%;
  margin-top: 0px;
  background: #606060;
}

.magazine-video .resp-tabs-left .resp-tabs-container {
  float: left;
  width: 90%;
}

/* Safari CSS Hack */
/*body:first-of-type .magazine-video .resp-tabs-left .resp-tabs-container {width: 90.1%}*/

.magazine-video .resp-tab-content {
	margin-bottom: 0px;
	border-left: none;
}

.magazine-video .resp-tabs-left .resp-tab-content-active {
	display: block;
}

.magazine-video .resp-tabs-left .resp-tabs-list li {
	height: 70px;
	margin-right: 0px;
	background-color: #606060;
	border: none;
}

.magazine-video .resp-tabs-list li.resp-tab-active, 
.magazine-video .resp-tabs-list li:hover {
	background-color: #fecb00;
	border-color: #fecb00;
	color: #4f4f4f;
}

.magazine-video .resp-tabs-left .resp-tabs-list li i {
	font-size: 22px;
	margin: 0 0px 0 4px;
	position: relative;
	top: 2px;
}

.magazine-video .resp-tab-content h5 {
	color: #ababab;
}

/*.magazine-video .mo-rating.inline-rate {
	position: relative;
	margin-top: -4px;
}
*/
ul.video-info {
	background: #606060;
	margin-bottom: 15px;
}

ul.video-info li {
	font-size: 13px;
	list-style: none;
	display: inline-block;
}

ul.video-info li i {
	font-size: 12px;	
	position: relative;
	top: 1px;
}

ul.video-info li.video-date {	
	margin-right: 17px;
	font-family: 'Noto Serif', serif;
	background-color: #fed019;
	padding: 6px 18px 9px 18px;
	color: #4f4f4f;
}

ul.video-info li.video-date i {
	position: relative;
	top: 1px;
	margin-right: 7px;
}

ul.video-info li.video-comment {
	margin-right: 27px;	
}

ul.video-info li.video-comment i {
	position: relative;
	top: 1px;
	margin-right: 7px;
}

/* Other */
.button i {
	position: relative;
	margin-left: 5px;
	top: 3px;
}

.prc-ico {
	position: relative;
	margin-right: 8px;
	top: 2px;
}

.title-line span {
	background:#fff;
	padding-right:14px;
	position:relative;
	top:-20px;
}

.title-line {
	margin:14px 0px 28px 0px;
	background:#f0f0f0;
	height:4px;
}

.large-12.columns .demoicon-list .resp-tabs-list {width: 20%;}
.large-12.columns .demoicon-list .resp-tabs-container {width: 80%;}

#business .mo-icon-list li i,
#communication .mo-icon-list li i,
#computermobile .mo-icon-list li i,
#designwriting .mo-icon-list li i,
#development .mo-icon-list li i,
#entertainment .mo-icon-list li i,
#food .mo-icon-list li i,
#hosting .mo-icon-list li i,
#menuicon .mo-icon-list li i,
#misc .mo-icon-list li i,
#multimedia .mo-icon-list li i,
#sportgames .mo-icon-list li i,
#symbol .mo-icon-list li i,
#timelocation .mo-icon-list li i {
	color: #4f4f4f;
}

.widget-author {
	width:90px\0/;
	height:90px\0/;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	margin:10px auto;
}

.widget-author img {
	width:90px;
	height:90px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}

.panel.fold hr {
	border: solid #f0f0f0 !important;
	border-width: 1px 0 0 !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;
	clear: both;
	margin: 1.25em 0 1.1875em;
	height: 0; 
}

.timeline-container .blog-video {
	margin-top: 20px;
	margin-bottom: 25px;
}

.timeline-container a.button {
	margin-bottom: 25px;
}

.timeline-container .panel {
	margin-top: 15px;
	margin-bottom: 20px;
}

table thead {
	font-family: 'Noto Serif', sans-serif;
}

.chart, .chart-green, .chart-blue,
.chart-yellow, .chart-red,
.chart2-green, .chart2-blue,
.chart2-yellow, .chart2-red {
	font-family: 'Noto Serif', sans-serif;	
	color: #4f4f4f;
}

.chart2 {
	font-family: 'Noto Serif', sans-serif;	
	color: #fff;	
}

.inner-post {
	border-bottom: none;
	margin-bottom: 0px;
}

.blog-share {
text-align: center;
margin-bottom: 60px;
}

.blog-author {
width: 100%;
float: left;
}

.blog-author h5 {
	position: relative;
	top: 6px;
}

.blog-author h6 {
width:100%;
margin-bottom:18px;
padding-bottom:5px;
font-size: 13px;
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
border-bottom:4px solid #f0f0f0;
}

.blog-author h6 span {
padding:6px 13px;
background-color:#f0f0f0;
color:#9a9a9a;
}

.blog-author img {
width:100px;
height:100px;
margin:7px 30px 0 0;
float:left;
}

.blog-author ul.social-icon li {
	font-size: 18px;
	display: inline-block;
	float: left;
}

.blog-author ul.social-icon li a {
	width: auto !important;
}

.blog-author ul.social-icon li i {
	font-size: 18px;
	float: left;
}

#comment {
    width:100%;
    float:left;
    margin-top: 15px;
    padding:5px 0 8px;
}

#comment ol {
    list-style-type:none!important;
    margin:0;
    padding:10px 0 0;
}

#comment ol li ol {
    margin:0px 0px 20px 80px;
}

.commentlist li {
    position:relative;
    list-style:none;
    line-height:28px;
    list-style-position:outside;
}

.avatar {
    width:70px;
    height:70px;
    position:absolute;
    background-color:#e7e7e7;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    top:4px;
    left:0;
}

.avatar img {
    width:70px;
    height:70px;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.comment-text {
    background-color:#fcfcfc;
    border: solid 1px #e0e0e0;
    margin-left:90px;
    width:auto;
    margin-bottom:10px;
    padding:26px 30px 20px 30px;
}

.comment-text h5  {
	margin-bottom: 0px;
}

.comment-text small {
    font-family: Arial, Tahoma;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ccc;
	position: relative;
}

a.reply {float:right; margin-top:-20px; margin-right: -31px;}
a.reply:hover {background:#606060 !important; color: #fff !important;}

a.reply, a.reply:visited {
    padding:1px 12px;
    font-size:11px;
    color:#4f4f4f;
    text-decoration:none;
    text-transform: uppercase;
    background:#fed019;
    transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
    position:relative;
    top:-28px;
}

#commentform-wrap {
    width:70%;
    margin-top:26px;
    margin-bottom: 26px;
    float:left; 
}

.panel.fold ul li, .panel.fold ul li:before {
	color: #fff;
}

.resp-tabs-top .resp-tab-content,
.resp-tabs-bottom .resp-tab-content,
.resp-tabs-left .resp-tab-content,
.resp-tabs-right .resp-tab-content, 
.resp-accordion .resp-tab-content {
	background-color: #fff;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 28px 30px 15px 30px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.resp-accordion h4.resp-accordion,
.resp-tab-content {
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	padding: 12px 30px 17px 30px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.resp-tabs-top .resp-tabs-list li,
.resp-tabs-bottom .resp-tabs-list li,
.resp-tabs-left .resp-tabs-list li,
.resp-tabs-right .resp-tabs-list li {
	font-family: 'Noto Serif', sans-serif;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

.resp-tabs-top .resp-tabs-list li i,
.resp-tabs-bottom .resp-tabs-list li i,
.resp-tabs-left .resp-tabs-list li i,
.resp-tabs-right .resp-tabs-list li i {
	margin: 0 4px 0 -4px;
	position: relative;
	top: 2px;
}  

.resp-tabs-list li.resp-tab-active, 
.resp-tabs-list li.resp-tab-active:hover, 
.resp-tabs-list li.resp-tab-active:active, 
h4.resp-accordion.resp-tab-active, 
h4.resp-accordion.resp-tab-active:hover, 
h4.resp-accordion.resp-tab-active:active {
	background-color: #fecb00;
	border-color: #fecb00;
	color: #4f4f4f;
}

h4.resp-accordion:hover,
h4.resp-accordion:focus,
.resp-tabs-list li:hover,
.resp-tabs-list li:focus {
	background-color: #fecb00;
	border-color: #fecb00;
  	color: #4f4f4f;
}

.resp-arrow {
	position: relative;
	top: 4px;
	right: -6px;
}

.resp-accordion h4.resp-accordion i {
	margin: 0 4px 0 -4px;
	position: relative;
	top: 2px;
}

/* 404 Stylesheet */
#error404-left {margin:56px 0 100px 0; padding-left:110px;}
#error404-right {margin:0 0 100x 0; padding-left:90px;}
#error404-right .panel {width: 87%; margin-top: 56px; padding-bottom: 2px;}
#error404-left h1 {font-size:74px;}
#error404-left i {font-size:74px; position:relative; top:8px;}
#error404 a.button {margin-bottom:38px;}

/* Newsticker styles */
.hot-topics {
	margin-bottom: 50px;
}

/*FF CSS Hack*/
body:last-child .hot-topics, x:-moz-any-link {position: relative; top: -32px; margin-bottom: 18px;}

/*IE10 CSS Hack*/
*::-ms-backdrop, .hot-topics {position: relative; top: -32px; margin-bottom: 18px;} 

.hot-topics h3 {
	width: 19%;
	margin-right: 16px;
	color: #4f4f4f;
	padding: 11px 20px 13px 20px;
	background-color: #fed019;
	float: left;
}

.tickercontainer { 
	width: 79.6%;
	height: 60px;
	background:#606060;
	margin: 0; 
	padding: 9px 0 19px 0;
	overflow: hidden;
	float:left;
}

.tickercontainer .mask { 
	position: relative;
	top: 7px;
	left:1.3%;
	width: 97.4%;
	overflow: hidden;
}

ul#newsticker { 
	position: relative;
	left: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#newsticker li {
	font-size: 14px;
	height: 52px;	 
	margin: 0;
	padding: 0;
	color: #fff;
	float: left;
}

ul#newsticker li:before {
	font-family: 'list';
	content: "\e213b";
  	font-size: 12px;
	color: #fff;
	margin-right: 8px;
	position: relative;
	top: 0px;
}

ul#newsticker a {
	white-space: nowrap;
	padding: 0;
	margin: 0 50px 0 0;
	color: #fff;
} 

ul#newsticker span {
	margin: 0 10px 0 0;
}

/* rating */
.mo-rating {
	position: absolute;
	/*margin-top: 20px;*/
}

.mo-rating.rating-list {
	float: right;
	position: relative;
}
.mo-rating.rating-list .br-widget {
	top: 0px;
}

.mo-rating.inline-rate .br-widget {
	display: inline-block;
}

.mo-rating.inline-rate {
	margin-top: 0;
}

.mo-rating.inline-rate span {
	position: relative;
	top: -3px;
}

.mo-rating.inline-rate .br-widget {
	margin-left: 6px;
	top: 7px;
}

.mo-rating.trend-rating,
.mo-rating.trend-rating .br-widget {
	padding: 0;
}
.mo-rating.trend-rating .br-widget {
	top: 5px;
	display: inline-block;
}

.mo-rating .br-widget {
	top: -2px;
	position: relative;
}

.mo-rating .br-widget a { 
	color: #fed019;   
	font-size: 13px;
	margin-right: 1px;
	display: inline-block;
	float: left;
	position: relative;
	z-index: 999;
}

.mo-rating.star-yellow {
	margin-top: 1px;
}

.mo-rating.star-yellow .br-widget a {    
	color: #fed019;
}

.mo-rating.star-grey .br-widget a {    
	color: #a9a8a8;
}

.mo-rating.star-white .br-widget a {    
	color: #ffffff;
}

.mo-rating .br-widget a:before {
	font-family: 'WebHostingHub-Glyphs';
	content: '\f13b';
}

.mo-rating .br-widget a:before:hover,
.mo-rating .br-widget a.br-active:before,
.mo-rating .br-widget a.br-selected:before {
    font-family: 'WebHostingHub-Glyphs'; content: '\f13a';
}

/*FF CSS Hack*/
body:last-child .mo-rating .br-widget a:before:hover, x:-moz-any-link {font-family: 'WebHostingHub-Glyphs'; content: '\f13a';}
body:last-child .mo-rating .br-widget a.br-active:before, x:-moz-any-link {font-family: 'WebHostingHub-Glyphs'; content: '\f13a';}
body:last-child .mo-rating .br-widget a.br-selected:before, x:-moz-any-link {font-family: 'WebHostingHub-Glyphs'; content: '\f13a';}

/*IE10 CSS Hack*/
*::-ms-backdrop, .mo-rating .br-widget a:before:hover {font-family: 'WebHostingHub-Glyphs'; content: '\f13a';}
*::-ms-backdrop, .mo-rating .br-widget a.br-active:before {font-family: 'WebHostingHub-Glyphs'; content: '\f13a';} 
*::-ms-backdrop, .mo-rating .br-widget a.br-selected:before {font-family: 'WebHostingHub-Glyphs'; content: '\f13a';} 

.weatherMask {
	height: 100%;
	width: 100%;
	position: absolute;	
}

.weatherFeed {
	background: #fed019;
	font-family: 'Noto Serif', sans-serif;	
	width: 100%;
	height: 100%;
}
.weatherImage img {
	width: 280px;
	height: auto;
	position: absolute;
	top: 20px;
	left: 53px;
	float: left;  
}
.weatherFeed a { color: #888; }
.weatherFeed a:hover {
	color: #000;
	text-decoration: none;
}
.weatherItem {
	padding: 25px;
	text-align: right;
}
.weatherCity {
	font-family: 'Noto Serif', sans-serif;
	color: #fff;
	background-color: #fed019;
	padding: 3px 10px;
	margin-bottom: 26px;
	text-transform: uppercase; 
	display: inline-block;
}
.weatherTemp {
	font-size: 46px;
	color: #fff;
	position: relative;
}
.weatherCity  { color: #4f4f4f; font-size: 24px; }
.weatherDesc, .weatherForecastDay  { color: #fff; position: relative; }
.weatherDesc { margin-bottom: 20px; }
.weatherRange, .weatherWind, .weatherLink, .weatherForecastItem { font-size: 13px; color: #fff; line-height: 20px; position: relative; }
.weatherLink, .weatherForecastItem {
	margin-top: 0;
	text-align: left;
}

.weatherLink a {
	color: #fff;
	position: relative;
	top: -20px;
}
.weatherLink a:hover {
	color: #fed019;
}
.weatherForecastItem {
	padding: 0.5em 0.5em 0.5em 80px;
	background-color: #fff;
	background-position: left center;
}
.weatherForecastDay { font-size: 13px; }

.weather-wrap {   
	position:absolute;
	height:100%;
	width:100%;
	padding:25px;
	top:0%;
	background: rgba(0,0,0,0);
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(20%, rgba(0,0,0,0)), color-stop(70%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 20%, rgba(0,0,0,0.7) 70%, rgba(0,0,0,0.7) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000', GradientType=0 );
}
.block-size {
	position: relative;
	overflow: hidden;
}
.hoverimg {
	position: relative;
}

.hoverimg .the-thumb {
	width: 130%;
	height: auto;
	max-width: none;
	position: absolute;
}

.hoverimg .the-thumb:hover {
	opacity: 0.5;
}

.block-size .caption-section {
	position: relative;
}

.block-size .caption-section .text {
	width: 100%;
	float: left;
	padding-left: 20px;
	opacity: 0;
}

.pf-info .text h5,
.block-size .caption-section .text h5 {
	top: 18px;
	color: #fff;
	text-shadow: 4px 4px 0px rgba(0, 0, 0, 0.1);
	position: relative;
	font-size: 16px;
}

.block-size .caption-section .pf-like {
	float: right;
	margin-top: -41px;
	opacity: 0;
}

.block-size .caption-section .pf-like:hover i,
.pf-like:hover i {
	color: #ea515e;
}

.block-size:hover .caption-section .pf-like,
.block-size:hover .caption-section .text {
	opacity: 1;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}